<template>
    <div class="person-content">
        <div class="content-box">
            <h3>非常优秀，获得奖励<span><span class="number">35</span>项</span>!</h3>
            <div class="show-box">
                <div class="name"><span></span>系统勋章</div>
                <div class="box clear-fix">
                    <div class="img-box">
                        <img src="../../assets/image/gold.png" alt="glod">
                        <div class="img-name">知识达人</div>
                    </div>
                    <div class="img-box">
                        <img src="../../assets/image/silver.png" alt="silver">
                        <div class="img-name">学习能者</div>
                    </div>
                    <div class="img-box">
                        <img src="../../assets/image/silver_1.png" alt="silver">
                        <div class="img-name">学习能者</div>
                    </div>
                    <div class="img-box">
                        <img src="../../assets/image/copper.png" alt="glod">
                        <div class="img-name">知识达人</div>
                    </div>
                </div>
            </div>
            <div class="show-box">
                <div class="name"><span></span>机构奖励</div>
                <div class="box clear-fix">
                    <div class="img-box">
                        <img src="../../assets/image/copper.png" alt="glod">
                        <div class="img-name">知识达人</div>
                    </div>
                    <div class="img-box">
                        <img src="../../assets/image/silver.png" alt="glod">
                        <div class="img-name">知识达人</div>
                    </div>
                    <div class="img-box">
                        <img src="../../assets/image/silver_1.png" alt="glod">
                        <div class="img-name">知识达人</div>
                    </div>
                </div>
            </div>
            <div class="show-box">
                <div class="name"><span></span>公司奖励</div>
                <div class="box">
                    <div class="no-box">暂无相关荣誉</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'user-honour',
    
}
</script>

<style scoped>
@import "../../assets/css/person.css";
h3 {
    color:#6f83a1;
}
h3 > span {
    color:#3581fb;
}
h3 .number {
    font-size: 35px;
}
</style>
